<template>
	<el-breadcrumb separator="/">
	  <el-breadcrumb-item :to="{ path: '/administrator/AdministerPicture' }">首页</el-breadcrumb-item>
	  <el-breadcrumb-item>公众监督数据列表</el-breadcrumb-item>
	</el-breadcrumb>
	<el-table :data="tableData" style="width: 100%" border="true" :show-header="false">
	    <el-table-column prop="name" label="名称">
	    <template #default="{ row }">
	        <span style="font-weight: bold;">{{ row.name }}</span>
	    </template>
	    </el-table-column>
	    <el-table-column prop="value" label="值"></el-table-column>
	</el-table>
</template>

<script setup>
	import { reactive, ref, onMounted } from 'vue';
	import axios from 'axios';
	import { useRoute } from 'vue-router';
	import { ElMessage } from 'element-plus';

  const route = useRoute()
  const formData = route.query.formData ? JSON.parse(route.query.formData) : {};
  const tableData = reactive([
	  { name: '公共监督反馈信息编号', value: formData.feedbackId},
	  { name: '反馈者信息', value: formData.name + " " + (formData.supervisorInfo.gender==0?"女":"男") +" " + formData.supervisorInfo.birthday.substring(0,10) },
	  { name: '反馈者电话', value: formData.supervisorInfo.phoneNum },
	  { name: '反馈者所在地址', value: formData.province + " "+ formData.city + " " + formData.address},
	  { name: '反馈者信息描述', value: formData.comment },
	  { name: '预估等级', value: formData.aqiLevel },
	  { name: '反馈者日期时间', value: formData.time }
	])
</script>

<style scoped>
</style>